<!DOCTYPE html>
<html id="replace-style" lang="zh" xmlns:th="http://www.w3.org/1999/xhtml" xmlns:shiro="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8"/>
    <title>工装信息</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <link rel="icon" type="image/x-icon" href="/favicon.ico" th:href="@{/favicon.ico}">
    <meta http-equiv="X-UA-Compatible" content="ie=edge"/>


</head>
<body>
<!--头部-->
<header th:replace="common/head">
</header>
<!-- 页面指向 -->
<div class="page-point bg-white">
    <ul>

        <li>工装管理</li>
        <li>工装信息</li>
    </ul>
</div>
<!-- 菜单树 -->
<div th:replace="common/left">
</div>
<!--主体内容-->
<div class="page-container">

    <div class="container-fluid mb-20 clearfix">
        <div class="col-md-12">
            <h2 class="page-section-title">查询条件</h2>
        </div>
    </div>

    <div class="container-fluid query-frame-wrap mb-10 clearfix condition-query">
        <div class="col-lg-9 col-lg-item-6">
            <div class="row">
                <div class="col-lg-4">
                    <div class="query-frame">
                        <label>工装编码</label>
                        <input autocomplete="new-password" type="text" id="toolCode" class="form-control  tool-query" maxlength="20"/>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="query-frame">
                        <label>工装名称</label>
                        <input autocomplete="new-password" id="toolName" type="text" class="form-control tool-query" maxlength="20"/>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="query-frame">
                        <label>使用工序</label>
                        <select id="operation" name="operation" class="form-control operationSearch tool-query">
                        </select>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4">
                    <div class="query-frame">
                        <label>工装状态</label>
                        <select id="status" class="form-control tool-query">
                            <option value="">请选择</option>
                            <option value="1">可使用</option>
                            <option value="2">使用中</option>
                            <option value="3">不可使用</option>
                        </select>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="query-frame">
                        <label>是否保养</label>
                        <select id="maintainFlag" class="form-control tool-query">
                            <option value="">请选择</option>
                            <option value="1">是</option>
                            <option value="0">否</option>
                        </select>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="query-frame">
                        <label>是否校验</label>
                        <select id="checkoutFlag" class="form-control tool-query">
                            <option value="">请选择</option>
                            <option value="1">是</option>
                            <option value="0">否</option>
                        </select>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-lg-3">
            <div class="query-frame query-button">
                <img id="queryTool" th:src="@{/image/search.png}" src="../../static/image/search.png"/>
                <img class="reset" th:src="@{/image/rest.png}" src="../../static/image/rest.png"/>
            </div>
        </div>
    </div>

    <div class="container-fluid mb-20 clearfix">
        <div class="col-md-12 rlt">
            <h2 class="page-section-title">工装信息</h2>
            <ul class="table-tool">
                <li id="batchImport">
                    <span class="icon-piliang" aria-hidden="true"></span>
                    <label>批量导入</label>
                </li>
                <li id="downloadTemplate">
                    <span class="icon-xiazai" aria-hidden="true"></span>
                    <label>下载模板</label>
                </li>
                <li id="add" shiro:hasPermission="app.tool.toolInfo.saveOrUpdateToolInfo.save.mvc">
                    <span class="icon-list_add" aria-hidden="true"></span>
                    <label>新增</label>
                </li>
                <li id="update" shiro:hasPermission="app.tool.toolInfo.saveOrUpdateToolInfo.save.mvc">
                    <span class="icon-list_xiugai" aria-hidden="true"></span>
                    <label>修改</label>
                </li>
                <li id="delete" shiro:hasPermission="app.tool.toolInfo.deleteToolById.del.mvc">
                    <span class="icon-list_shanchu" aria-hidden="true"></span>
                    <label>删除</label>
                </li>
                <li id="refreshTable">
                    <span class="icon-list_shuaxin" aria-hidden="true"></span>
                    <label>刷新</label>
                </li>
            </ul>
        </div>
    </div>

    <div class="container-fluid table-container">
        <table id="toolInfoTable" cellspacing="" cellpadding="">

        </table>
    </div>
</div>

<form id="toolInfoForm" method="post" class="form-horizontal tool-info-form" action="">
    <div class="modal fade modelForm" id="myModal" tabindex="-1" role="dialog" data-backdrop="static"
         data-keyboard="false">
        <div class="modal-dialog modal-dialog-big-2" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span>
                    </button>
                    <h4 class="modal-title title"></h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="col-lg-4 control-label form-required form-required-4">工装编码</label>
                                    <div class="col-lg-8">
                                        <input autocomplete="new-password" type="text" name="toolCode" class="form-control"/>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-4 control-label form-required form-required-6">应用产品型号</label>
                                    <div class="col-lg-8">
                                        <select  id="applicationModel" name="applicationModel" class="form-control">

                                        </select>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-4 control-label form-required form-required-4">工装规格</label>
                                    <div class="col-lg-8">
                                        <input autocomplete="new-password" type="text" name="toolModel" class="form-control"/>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-4 control-label form-required form-required-4">标准寿命</label>
                                    <div class="col-lg-8">
                                        <input type="number" name="standardLife" class="form-control"/>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-4 control-label form-required form-required-4">工装类别</label>
                                    <div class="col-lg-8">
                                        <select name="toolType" class="form-control tool-type" >

                                        </select>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-4 control-label form-required form-required-3">责任人</label>
                                    <div class="col-lg-8">
                                        <select  name="dutyUser" class="form-control" id="dutyUserFormSelect2">
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-4 control-label form-required form-required-2" >状态</label>
                                    <div class="col-lg-8 ">
                                        <select class="form-control" name="status" disabled="disabled">
                                            <option value="1">可使用</option>
                                            <option value="2">使用中</option>
                                            <option value="3">不可使用</option>
                                        </select>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-lg-4 control-label">验收日期</label>
                                    <div class="col-lg-8 date-frame">
                                        <input autocomplete="new-password" class="form-control form_datetime " readonly="readonly" type="text" name="checkDate"/>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-4 control-label form-required form-required-2">保养</label>
                                    <div class="col-lg-8 modal-checkbox-box">
                                        <label>
                                            <input autocomplete="new-password" type="radio" name="maintainFlag" value="1" />
                                            <span>是</span>
                                        </label>
                                        <label>
                                            <input autocomplete="new-password" type="radio" name="maintainFlag" value="0"/>
                                            <span>否</span>
                                        </label>
                                    </div>
                                </div>
                                <div class="form-group" id="maintainDateDiv">
                                    <label class="col-lg-4 control-label ">保养开始</label>
                                    <div class="col-lg-8 date-frame">
                                        <input autocomplete="new-password" type="text" class="form-control  form-date-time-day" readonly="readonly" name="maintainDate"/>
                                    </div>
                                </div>
                                <div class="form-group" id="maintainCycleDiv">
                                    <label class="col-lg-4 control-label">保养周期(天)</label>
                                    <div class="col-lg-8">
                                        <input autocomplete="new-password" class="form-control" type="number" name="maintainCycle"/>
                                    </div>
                                </div>
                                <div class="form-group" >
                                    <label class="col-lg-4 control-label">图纸名称</label>
                                    <div class="col-lg-8">
                                        <input autocomplete="new-password" type="text" name="fileName"  class="form-control" />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-4 control-label">图纸编号</label>
                                    <div class="col-lg-8">
                                        <input type="text" name="figureNo" class="form-control"/>
                                    </div>
                                </div>


                            </div>

                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="col-lg-4 control-label form-required form-required-4">工装名称</label>
                                    <div class="col-lg-8">
                                        <input autocomplete="new-password" type="text" class="form-control" name="toolName"/>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-4 control-label form-required form-required-4">使用工序</label>
                                    <div class="col-lg-8">
                                        <select name="opCode" class="form-control" id="opCodeFormSelect2">
                                            <option value="">1</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-4 control-label">制造厂家</label>
                                    <div class="col-lg-8">
                                        <input autocomplete="new-password" type="text" name="manufactor" class="form-control"/>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-4 control-label form-required form-required-4">寿命单位</label>
                                    <div class="col-lg-8">
                                        <select  id="standardLifeUnit" name="standardLifeUnit" class="form-control">
                                            <option value="1">小时</option>
                                            <option value="2">次</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-4 control-label">进厂日期</label>
                                    <div class="col-lg-8">
                                        <input type="text" class="form-control form-date-time-day" readonly="readonly" name="enterFactoryDate"/>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-4 control-label form-required form-required-4">维修方式</label>
                                    <div class="col-lg-8">
                                        <select class="form-control" name="repairType">
                                            <option value="">请选择</option>
                                            <option value="1">厂内维修</option>
                                            <option value="2">委外维修</option>
                                        </select>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-lg-4 control-label">验收报告编号</label>
                                    <div class="col-lg-8">
                                        <input type="text" name="checkReportNo" class="form-control"/>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-4 control-label">报废日期</label>
                                    <div class="col-lg-8 date-frame">
                                        <input type="text" class="form-control form_datetime" readonly="readonly" name="scrapDate"/>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-4 control-label form-required form-required-2">校验</label>
                                    <div class="col-lg-8 modal-checkbox-box">
                                        <label>
                                            <input type="radio" name="checkoutFlag" value="1"/>
                                            <span>是</span>
                                        </label>
                                        <label>
                                            <input type="radio" name="checkoutFlag" value="0"/>
                                            <span>否</span>
                                        </label>
                                    </div>
                                </div>
                                <div class="form-group" id="checkoutDateDiv">
                                    <label class="col-lg-4 control-label ">校验开始</label>
                                    <div class="col-lg-8 date-frame">
                                        <input class="form-control  form-date-time-day" readonly="readonly" type="text" name="checkoutDate" id="checkoutDate"/>
                                    </div>
                                </div>
                                <div class="form-group" id="checkoutCycleDiv">
                                    <label class="col-lg-4 control-label">校验周期(天)</label>
                                    <div class="col-lg-8">
                                        <input type="number" class="form-control" name="checkoutCycle"/>
                                    </div>
                                </div>

                                <!--<div class="form-group">-->
                                    <!--<label class="col-lg-4 control-label">上传图纸</label>-->
                                    <!--<div class="col-lg-8">-->
                                        <!--<input class="form-control" type="file" name="file" id="uploadfile"/>-->
                                    <!--</div>-->
                                <!--</div>-->
                                <div class="form-group uploadFile">
                                    <label class="col-lg-4 control-label">上传图片</label>
                                    <div class="col-lg-8 ">
                                        <input type="file" id="uploadfile" name="file" multiple/>
                                        <input type="hidden" id="uploadfilePath" name="filePath"/>
                                    </div>
                                </div>
                            </div>

                        </div>

                    </div>
                    <!--主键-->
                    <input type="hidden" name="pkId" value="">
                    <input type="hidden" name="filePath" value="">

                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-primary yes">保存</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                </div>
            </div>
        </div>
    </div>
</form>

<form id="toolInfoDetailForm" method="post" class="form-horizontal tool-info-detail-form" action="">
    <div class="modal fade modelForm" id="detailModal" tabindex="-1" role="dialog" data-backdrop="static"
         data-keyboard="false">
        <div class="modal-dialog modal-dialog-big-2" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span>
                    </button>
                    <h4 class="modal-title title">工装详情</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="col-lg-4 control-label ">工装编码</label>
                                    <div class="col-lg-8">
                                        <input type="text" name="toolCode" class="form-control" readonly/>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-4 control-label">应用产品型号</label>
                                    <div class="col-lg-8">
                                        <input type="text" name="applicationModel" class="form-control" readonly/>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-lg-4 control-label">标准寿命</label>
                                    <div class="col-lg-8">
                                        <input type="number" name="standardLife" class="form-control" readonly/>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-4 control-label ">工装类别</label>
                                    <div class="col-lg-8">
                                        <input type="text" name="toolType" class="form-control" readonly/>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-4 control-label ">责任人</label>
                                    <div class="col-lg-8">
                                        <input type="text" name="dutyUser" class="form-control" readonly/>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-4 control-label " >状态</label>
                                    <div class="col-lg-8">
                                        <select class="form-control" name="status" disabled="disabled">
                                            <option value="1">可使用</option>
                                            <option value="2">使用中</option>
                                            <option value="3">不可使用</option>
                                        </select>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-lg-4 control-label">验收日期</label>
                                    <div class="col-lg-8">
                                        <input class="form-control form_datetime " readonly="readonly" type="text" name="checkDate" />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-4 control-label ">保养</label>
                                    <div class="col-lg-8">
                                        <input type="text" name="maintainFlag" class="form-control" readonly/>
                                    </div>
                                </div>
                                <div class="form-group" >
                                    <label class="col-lg-4 control-label ">保养开始</label>
                                    <div class="col-lg-8">
                                        <input type="text" class="form-control  " readonly="readonly" name="maintainDate"/>
                                    </div>
                                </div>
                                <div class="form-group" >
                                    <label class="col-lg-4 control-label">保养周期(天)</label>
                                    <div class="col-lg-8">
                                        <input class="form-control" type="number" name="maintainCycle" readonly/>
                                    </div>
                                </div>
                                <div class="form-group" >
                                    <label class="col-lg-4 control-label">图纸名称</label>
                                    <div class="col-lg-8">
                                        <input type="text" name="fileName"  class="form-control" readonly/>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-4 control-label">工装图号</label>
                                    <div class="col-lg-8">
                                        <input type="text" name="figureNo" class="form-control" readonly/>
                                    </div>
                                </div>


                            </div>

                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="col-lg-4 control-label ">工装名称</label>
                                    <div class="col-lg-8">
                                        <input type="text" class="form-control" name="toolName" readonly/>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-4 control-label ">使用工序</label>
                                    <div class="col-lg-8">
                                        <input type="text" name="opCode"  class="form-control" readonly/>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-4 control-label">寿命单位</label>
                                    <div class="col-lg-8">
                                        <input type="text" name="standardLifeUnit" class="form-control" readonly/>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-4 control-label ">工装规格</label>
                                    <div class="col-lg-8">
                                        <input type="text" name="toolModel" class="form-control" readonly/>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-4 control-label">进厂日期</label>
                                    <div class="col-lg-8">
                                        <input type="text" class="form-control" readonly="readonly" name="enterFactoryDate"/>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-4 control-label ">维修方式</label>
                                    <div class="col-lg-8">
                                        <select class="form-control" name="repairType" disabled>
                                            <option value="">请选择</option>
                                            <option value="1">厂内维修</option>
                                            <option value="2">委外维修</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-4 control-label">制造厂家</label>
                                    <div class="col-lg-8">
                                        <input type="text" name="manufactor" class="form-control" readonly/>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-4 control-label">验收报告编号</label>
                                    <div class="col-lg-8">
                                        <input type="text" name="checkReportNo" class="form-control" readonly/>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-lg-4 control-label ">校验</label>
                                    <div class="col-lg-8">
                                        <input type="text" class="form-control" name="checkoutFlag" readonly/>
                                    </div>
                                </div>
                                <div class="form-group" >
                                    <label class="col-lg-4 control-label ">校验开始</label>
                                    <div class="col-lg-8">
                                        <input class="form-control" readonly="readonly" type="text" name="checkoutDate" />
                                    </div>
                                </div>
                                <div class="form-group" >
                                    <label class="col-lg-4 control-label">校验周期(天)</label>
                                    <div class="col-lg-8">
                                        <input type="number" class="form-control" name="checkoutCycle" readonly/>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-4 control-label">报废日期</label>
                                    <div class="col-lg-8 ">
                                        <input type="text" class="form-control "  name="scrapDate" readonly/>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-4 control-label">图片</label>
                                    <div class="col-lg-8 modal-checkbox-box">
                                        <img style="width:250px; height:160px;" id="imageId"/>
                                    </div>
                                </div>

                            </div>

                        </div>

                    </div>

                </div>

                <div class="modal-footer">
                    <!--<button type="button" class="btn btn-primary yes">保存</button>-->
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                </div>
            </div>
        </div>
    </div>
</form>

<!--新增-->
<form id="batchImportForm"  class="form-horizontal tool-maintain-item-form" action="">
    <div class="modal fade" id="batchImportModal" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title"></h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="form-group">
                            <label class="col-lg-4 control-label">上传文件</label>
                            <div class="col-lg-7">
                                <input class="form-control" type="file" name="file" id="batchImportFile"/>
                            </div>
                        </div>
                        <div class="error-tips" id="batchImportTips" style="padding-left: 210px;color: red;display:none"></div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                </div>
            </div>
        </div>
    </div>
</form>

<div th:replace="common/foot">
</div>


<script th:src="@{/js/tool/toolInfo.js}"></script>
</body>
</html>






